<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    caption{text-align: center;}
    table{text-align: center; background-image: url(https://bpic.588ku.com/back_pic/06/02/21/186028f54d11829.jpg );background-size: 400px 400px;}
    caption{font-size:  30px; }
</style>
<body>
    <table border="1" width="400" height="300" cellspacing="0" >
    <caption>成绩表</caption>
    <tr>
        <th>姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>总分</th>
    </tr>
    <tr>
    <td>李小</td>
    <td>60</td>
    <td>58</td>
    <td>118</td>
    </tr>
    <tr>
        <td>安可</td>
        <td>80</td>
        <td>20</td>
        <td>100</td>
    </tr>
    
</table>
<br>
<table border="1" width="400" height="300" cellspacing="0" >
    <tr>
        <td rowspan="2">1占两行</td>
        <td colspan="2">2占两列</td>
        <td rowspan="3" colspan="2">4占三行两列</td>
    </tr>
    <tr>
        <td>2</td>
        <td>3</td>

    </tr>
    <tr>
        <td rowspan="2">1占两行</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>  
</tr>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
</tr>
<tr>
    <td colspan="3">1占三列</td>
    <td>4</td>
    <td>5</td>
</tr>
<tr>
    <td colspan="5">1</td>
</tr>
</table>
<br>
<table border="2" cellspacing="0" width="400" height="300" style="border-collapse: collapse;">
  
    <caption>张三的成绩表 </caption>
    
    <thead>
        <tr>
            <th rowspan="2">姓名</th>
            <th colspan="2">通知课</th>
            <th colspan="3">专业课</th>
            <th rowspan="2">总分</th>
        </tr>
        <tr>
            
            <th>英语</th>
            <th>高数</th>
            <th>UI设计</th>
            <th>网页设计</th>
            <th>程序设计</th>
            
        </tr>
    </thead>
    <tbody>
        <tr>
        <th>张三</th>
        <td>60</td>
        <td>70</td>
        <td>80</td>
        <td>90</td>
        <td>80</td>
        <td>380</td>
        </tr>
        <tr>
            <th>张三</th>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>90</td>
            <td>80</td>
            <td>380</td>
            </tr>
        <tr>
        <th>张三</th>
        <td>60</td>
        <td>70</td>
        <td>80</td>
        <td>90</td>
        <td>80</td>
        <td>380</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>平均</th>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>90</td>
            <td>80</td>
            <td>380</td>
        </tr>
    </tfoot>
</table>


</body>
</html>